<template>
<div class="temp-form common-page">
  <div class="temp-edit-form">
    <el-form label-position="top">
      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="服务编号"  
      >
        <el-input size="mini" ></el-input>
      </el-form-item>

      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="服务名称"  
      >
        <el-input size="mini" ></el-input>
      </el-form-item>

      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="服务类型"  
      >
        <el-input size="mini" ></el-input>
      </el-form-item>

      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="所属地区"  
      >
        <el-input size="mini" ></el-input>
      </el-form-item>

      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="申请日期"  
      >
        <el-date-picker
          size="mini"
          type="date"
          placeholder="选择日期">
        </el-date-picker>
      </el-form-item>

      <el-form-item style="margin-bottom:5px" 
        class="temp-edit-input xdh-validate--right" 
        label="状态"  
      >
        <el-input size="mini" ></el-input>
      </el-form-item>
    </el-form>
  </div>
</div>
</template>

<style lang="scss" scoped>
.temp-form{
  // width: 30%;
  // margin: 0 auto;
  .temp-edit-form{
    /deep/ .el-form--label-top{
      .el-form-item__label{
        padding: 0;
        line-height: 1;
      }
      .xdh-validate--right .el-form-item__error{
        right: 0;
        transform: translate(0%, -50%);
        background: none;
      }
    }
  }
}
</style>

<script>
export default {
  components: {
  },
  data() {
    return {
       
    }
  },
  computed: {
  },
  methods: {
  },
  created() {
  },
  mounted() {
  }
}
</script>

